﻿@model IEnumerable<Chilis.Caja.Data.Models.MovimientoCaja>

@{
    ViewBag.Title = "Movimientos";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<script type="text/javascript">

    function vtest(id) {
        alert(id);
    }


    $(document).ready(function () {

        $("#dialogRegistrarMovimiento").dialog({
            autoOpen: false,
            height: 250,
            width: 400,
            modal: true,
            close: function () {

            }
        });

        $("#dialogAnularMovimiento").dialog({
            autoOpen: false,
            height: 300,
            width: 350,
            modal: true,
            close: function () {

            }
        });

        $("#dialogVerMovimiento").dialog({
            autoOpen: false,
            height: 300,
            width: 700,
            modal: true,
            close: function () {

            }
        });

        $("#btnModalRegistrar").click(function () {
            $('#dialogRegistrarMovimiento').dialog('open');
        });

        $("#btnBuscar").click(function () {
            $('#contentMovimientos').html("cargando...");
            var varFecIni = $("#txtFecIni").val();
            var varFecFin = $("#txtFecFin").val();
            var varEmpleado = $("#txtEmpleado").val();
            var varCaja = $("#txtCaja").val();

            var params = "?fecIni=" + varFecIni + "&fecFin=" + varFecFin + "&caja=" + varCaja + "&empleado=" + varEmpleado;

            $.post('Movimientos/ListMovimientos' + params, function (data) {
                //$('#contentMovimientos').html(data);
                document.getElementById('contentMovimientos').innerHTML = data;
            });
        });

        $("#btnRegistrarMovimiento").click(function () {
            var varMontoRegistro = $("#txtMontoRegistro").val();
            var varTipoMovimiento = "";
            var selected = $("input[type='radio'][name='chkTipoMovimiento']:checked");
            if (selected.length > 0) {
                varTipoMovimiento = selected.val();
            }
            var varBoveda = $("#ListBoveda").val();
            var params = "?monto=" + varMontoRegistro + "&tipoMovimiento=" + varTipoMovimiento + "&boveda=" + varBoveda;

            $.post('Movimientos/registrarMovimientoBoveda' + params, function (data) {
                //alert(2);
                if (data.result == "success") {
                    $('#dialogRegistrarMovimiento').dialog('close');
                    $('#btnBuscar').trigger('click');
                }
            });
        });

        $("#btnCerrarModalRegistro").click(function () {
            $('#dialogRegistrarMovimiento').dialog('close');
        });

        $("#btnCerrarModalAnular").click(function () {
            $('#dialogAnularMovimiento').dialog('close');
        });


        $(".linkAnular").live('click', function () {
            var $this = $(this);
            var id = $this.attr('id');
            $("#idMovimientoSelect").val(id);
            $('#dialogAnularMovimiento').dialog('open');
        });


        $("#btnValidateAdmin").click(function () {
            var varAdminID = $("#txtAdminID").val();
            var varAdminPass = $("#txtAdminPass").val();
            
            $.post('Movimientos/validarAdministrador?usuario=' + varAdminID + "&pass=" + varAdminPass , function (data) {
                if (data.result == 0) {
                    alert("El administrador no esta autorizado o la clave es incorrecta");
                    $("#txtConcepto").attr('disabled', 'disabled');
                } else {
                    $("#txtConcepto").removeAttr('disabled');
                }
            });
        });

        $("#btnAnularMovimiento").click(function () {
            if (confirm('¿Está seguro que desea anular el pago?')) {
                var idMovimientoSelect = $("#idMovimientoSelect").val();
                var varAdminID = $("#txtAdminID").val();
                var varConcepto = $("#txtConcepto").val();

                var params = "?codigo=" + idMovimientoSelect + "&codigoAdministrador=" + varAdminID + "&concepto=" + varConcepto;

                $.post('Movimientos/AnularMovimiento' + params, function (data) {
                    //alert(2);
                    if (data.result == "success") {
                        $('#dialogAnularMovimiento').dialog('close');
                        $('#btnBuscar').trigger('click');
                    }
                });
            }
        });


        $(".linkVer").live('click', function () {
            var $this = $(this);
            var id = $this.attr('id');
            $("#idMovimientoSelect").val(id);

            $.post('Movimientos/verMovimiento/' + id, function (data) {
                $('#contentVerMovimiento').html(data);
                $('#dialogVerMovimiento').dialog('open');
            });

        });

    });

</script>

<h1>Movimientos</h1>
<table style="margin:auto"><tr><td>

<div style="overflow: hidden; position: relative;
                border: 0px; width: 100%;">

                <fieldset>
                    <legend>Búsqueda</legend>
                    <br />
                    <table cellpadding="0" cellspacing="0" border="0" style="margin-left: 0px;
                        width: 690px;">
                    <tr>
                        <td>Caja</td>
                        <td><input id="txtCaja" name="txtCaja" type="text" value="" /></td>
                        <td colspan="4">&nbsp;</td>
                    </tr>
                    
                    <tr>
                        <td colspan="6">&nbsp;<br /></td>
                    </tr>
                    <tr>
                        <td>Fecha Inicio</td><td><input id="txtFecIni" name="txtFecIni" type="text" value="" /></td>
                        <td>Fecha Fin </td><td><input id="txtFecFin" name="txtFecFin" type="text" value="" /></td>
                        <td>Empleado </td><td><input id="txtEmpleado" name="txtEmpleado" type="text" value="" /></td>
                    </tr>
                    <tr>
                        <td colspan="6">&nbsp;<br /></td>
                    </tr>
                    <tr>
                        <td colspan="6" align="right"><input id="btnBuscar" name="btnBuscar" type="submit" value="Buscar" class="boton" /></td>
                        
                    </tr>
                    </table>
                </fieldset>
                    
                    <br /><br />

                <br />
                
                <fieldset>
                <legend>Movimientos</legend>
                <br />
                <table>
                    <tr>
                        <td style="width:120px;text-align:center"><a id="btnModalRegistrar" href="javascript:void(0);">Registrar Movimiento</a></td>
                        <td style="width:120px;text-align:right"><a id="btnArqueo" href="javascript:void(0);">Arqueo de caja</a></td>
                        <td style="width:120px;text-align:center"><a id="btnArqueo" href="javascript:void(0);">Imprimir</a></td>
                    </tr>
                </table>
                
                <br />
                <div id="contentMovimientos">
                    @Html.Partial("_ListMovimientos")
                </div>
                </fieldset>
            </div>

</td></tr></table>


<div id="dialogRegistrarMovimiento">
    @Html.Partial("_RegistrarMovimiento") 
</div>

<input type="hidden" name="idMovimientoSelect" id="idMovimientoSelect" />
<div id="dialogAnularMovimiento">
    @Html.Partial("_AnularMovimiento") 
</div>

<div id="dialogVerMovimiento">
    <div id="contentVerMovimiento">prueba</div>
</div>

